/* 
    Document   : home
    Created on : Jul 20, 2013, 1:51:37 PM
    Author     : Tan Hoang
    Description:
        Purpose of the stylesheet follows.
*/

#BuildingContent{
    width: 1300px; 
    height: 480px;
    margin: 0 auto;
    padding-top: 40px;
}

#Detail{
    width: 1024px;
    height: 430px;
    margin: 0 auto;
    color: #fde27e !important;
}

#BigImage{
    background: url('../images/bg_big_image.png') no-repeat ;
    width: 585px;
    height: 330px;
    float: left;
    text-align: center;
}

#BigImage img{
    height: 288px;
    margin-top: 12px;
    margin-left: 5px;
}

#SmallImage{
    width: 410px;
    height: 312px;
    margin-left: -1px;
    float: left;
}

#SmallImage ul{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

.ThumnailAlbum li{
    float: left;
    width: 120px;
    height: 60px;
    display: inline;
    margin: 0px 0px 45px 10px;
}

.Thumnail{
    float: left;
    width: 120px;
    height: 98px;
    background: url('../images/bg_thumbnail_album.png') no-repeat left top;
	text-align: center;
}

.Thumnail:hover, .Thumnail.Active{
    cursor: pointer;
    background: url('../images/bg_thumbnail_album.png') no-repeat left bottom;
}

.Thumnail img{
    height: 70px;
    margin-top: 13px;
}

#BuildingInfo{
    width: 100%;
    height: 200px;
    float: left;
}

.mCSB_buttonUp{
    background: url('../images/arrow_scroll.png') no-repeat center top !important;
    height: 18px !important;
}

.mCSB_buttonDown{
    background: url('../images/arrow_scroll.png') no-repeat center bottom !important;
    height: 18px !important;
}

.mCSB_draggerRail { 
    background: url('../images/bg_line_scroll.png') repeat-y center top !important;
}

.mCSB_dragger_bar{
    background: url('../images/icon_scroll.png') no-repeat center top !important;
    width: 17px !important;
}
.ThumnailAlbum .mCSB_container{
    margin-right: 18px !important;
}

